export const imagerror = {
  // 指令对象，会在当前的dom元素插入到节点之后执行
  inserted(dom, options) {
    // 图片异常得逻辑
    // 监听img标签的错误事件 因为图片加载失败 会触发 onerror事件
    dom.src = dom.src || options.value
    // options是 指令中的变量的解释，其中有一个属性叫Value
    // dom表示当前指令作用的dom对象
    // dom被认为此时就代表图片
    // 当图片有地址，但是地址没有加载成功的时候会报错，从而触发图片的一个事件===>onerror
    dom.onerror = function() {
      // 当图片出现异常时候，会将指令配置的默认图片设置为该图片内容
      // dom可注册onerror事件
      dom.src = options.value // 这里options不能写死
    }
  },
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
